﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UserProfile.ascx.cs" Inherits="SAS.WebSite.VisualControls.Forms.UserProfile" %>
<script src="../../Scripts/Pages/userprofile.js" type="text/javascript"></script>
<script src="../../Scripts/Misc/md5-min.js" type="text/javascript"></script>
<div class="form_wrapper">
    <center>
        <div id="frmuserprofile">
            <table class="form_table">
                <tr>
                    <td colspan="7"><div class="button_wrapper"><button id="btn_user_save_top" class="detailsave ui-button-corner-all">Save</button><button id="btn_user_cancel_top" class="detailcancel ui-button-corner-all">Cancel</button></div></td>               
                </tr>
                <tr>
                    <td colspan="7">
                        <h2>User Profile for:&nbsp;&nbsp;&nbsp;<span class="form_lbl" id="user_email"></span></h2><input id="hidID" type="hidden" /><div class="notifier_right">(<span class="req">*</span>) Required</div>
                    </td>
                </tr>
                <tr>
                    <td colspan="7">
                        <div class="line_horz"></div>
                    </td>
                </tr>
                <tr>
                    <td class="subtitle">First Name</td>                
                    <td class="req">*</td>                
                    <td class="value"><input type="text" maxlength="20" class="form_txt" id="user_firstname" jVal="{valid:function (val) { if (val.length < 1) return false; else return true; }, message:'Required'}" /></td>                
                    <td><div class="table_center"></div></td>                
                    <td class="subtitle">Address1</td>                
                    <td></td>                
                    <td class="value"><input type="text" maxlength="30" class="form_txt" id="user_address1" /></td>                
                </tr>
                <tr>
                    <td class="subtitle">Last Name</td>                
                    <td class="req">*</td>                
                    <td class="value"><input type="text" maxlength="20" class="form_txt" id="user_lastname" jVal="{valid:function (val) { if (val.length < 1) return false; else return true; }, message:'Required'}" /></td>                
                    <td><div class="table_center"></div></td>                
                    <td class="subtitle">Address2</td>                
                    <td></td>                
                    <td class="value"><input type="text" maxlength="30"  class="form_txt" id="user_address2" /></td>                
                </tr>
                <tr>
                    <td class="subtitle">Password</td>                
                    <td class="req"></td>                
                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*******&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button id="up_ChangePass" class="ui-button-corner-all">Change Password</button></td>                
                    <td><div class="table_center"></div></td>                
                    <td class="subtitle">City</td>                
                    <td></td>                
                    <td class="value"><input type="text" maxlength="30" class="form_txt" id="user_city" /></td>                
                </tr>
                <tr> 
                    <td class="subtitle">Role</td>                
                    <td class="req"></td>                
                    <td class="value"><span class="form_lbl" id="user_role"></span></td>                
                    <td><div class="table_center"></div></td>                
                    <td valign="top" class="subtitle">State</td>                
                    <td></td>                
                    <td class="value"><input type="text" class="form_txt" id="user_state" maxlength="30" /></td>                
                </tr>
                <tr>
                    <td valign="top" class="subtitle">Title</td>                
                    <td class="req"></td>                
                    <td class="value"><input type="text" maxlength="20" class="form_txt" id="user_title" /></td>                
                    <td><div class="table_center"></div></td>                
                    <td valign="top" class="subtitle">Zip Code</td>                
                    <td></td>                
                    <td class="value"><input type="text" maxlength="30" class="form_txt" id="user_zipcode" /></td>                
                </tr>
                <tr>
                    <td class="subtitle">Telephone1</td>                
                    <td class="req">*</td>                
                    <td class="value"><input type="text" class="form_txt" maxlength="20" id="user_phone1" jVal="{valid:function (val) { if (val.length < 2) return false; else return true; }, message:'Required'}" /></td>                
                    <td><div class="table_center"></div></td>                
                    <td valign="top" class="subtitle">Country</td>                
                    <td></td>                
                    <td class="value"><input type="text" maxlength="20" class="form_txt" id="user_country" /></td>                
                </tr>
                <tr>
                    <td class="subtitle">Telephone2</td>                
                    <td></td>                
                    <td class="value"><input type="text" class="form_txt" maxlength="20" id="user_phone2" /></td>                
                    <td><div class="table_center"></div></td>                
                    <td valign="top" class="subtitle"></td>                
                    <td class="req"></td>                
                    <td></td>                
                </tr>
                <tr>
                    <td colspan="7">
                        <br /><br />
                    </td>
                </tr>
                <tr>
                    <td colspan="7"><div class="button_wrapper"><button id="btn_user_save" class="detailsave ui-button-corner-all">Save</button><button id="btn_user_cancel" class="detailcancel ui-button-corner-all">Cancel</button></div></td>                
                </tr>
            </table>
        </div>
    </center>
    <div id="passwordchanger" title="Change Password" style="display: none">
        <table class="pop_table">
            <tr>
                <td rowspan="14">&nbsp;&nbsp;</td>                
                <td colspan="2"><br /></td>
                <td rowspan="14" width="50px">&nbsp;&nbsp;</td>                
            </tr>
            <tr>
                <td><div class="subtitle">Old Password:</div></td>                
                <td class="value"><input type="password" maxlength=20 class="form_txt" id="changepass_oldpass" jVal="{valid:function (val) { if (val.length < 4) return false; else return true; }, message:'Please enter Old Password'}" /></td>                
            </tr>
            <tr>
                <td colspan="2"><hr /></td>
            </tr>
            <tr>
                <td><div class="subtitle">New Password:</div></td>                
                <td class="value"><input type="password" maxlength=20 class="form_txt" id="changepass_newpass1" jVal="{valid:/^[\S]{4,20}$/, message:'Requires at least 4 characters (no spaces)'}"/></td>                
            </tr>
            <tr>
                <td><div class="subtitle">Verify Password:</div></td>                
                <td class="value"><input type="password" maxlength=20 class="form_txt" id="changepass_newpass2" jVal="{valid:function (val) { if ( val != eval('$(\'#changepass_newpass1\').val()') ) return false; else return true; }, message:'Password and Verify Password Must Match'}"/></td>                
            </tr>
            <tr>
                <td colspan="2"><div class="button_wrapper"><button id="btn_changepass_go" onclick="return false;" class="changepassGo ui-button-corner-all">OK</button>&nbsp;&nbsp;<button id="btn_changepass_cancel" class="ui-button-corner-all">Cancel</button></div></td>                
            </tr>
            <tr>
                <td colspan="2"><br />
                </td>
            </tr>
        </table>
    </div>
</div>
<input type="hidden" id="hidHash" runat="server" class="hidHash" enableviewstate="true" />
<input type="hidden" id="hidSecret" runat="server" class="hidSecret" enableviewstate="true" />
<input type="hidden" id="hidOldPass" runat="server" class="hidOldPass" enableviewstate="true"/>
<input type="hidden" id="hidNewPass" runat="server" class="hidNewPass" enableviewstate="true"/>

